<template>
  <el-form>
    <el-form-item label="标题类型">
        <el-select
            :value="get('data.type.value', 'h1')"
            @change="(value) => update({
                changes: [{
                    path: 'data.type.value',
                    value,
                }]
            })"
            size="mini"
        >
          <el-option label="h1" value="h1"></el-option>
          <el-option label="h2" value="h2"></el-option>
          <el-option label="h3" value="h3"></el-option>
          <el-option label="h4" value="h4"></el-option>
          <el-option label="h5" value="h5"></el-option>
          <el-option label="h6" value="h6"></el-option>
        </el-select>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
    props: ['get'],
    inject: ['update'],
}
</script>

<style lang="less" scoped>
/deep/ .el-form-item{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    .el-form-item__label {
        font-size: 12px;
    }
    .el-form-item__content {
        flex: 1;
    }
}
</style>